<!DOCTYPE html>
<html lang="zh">
	<head>
		<meta charset="UTF-8">
		<title>表格行经过变色</title>
	</head>
	<body>
		<table border="1" width="500" height="300">
			<tr onmousemove="over(this)" onmouseout="out(this)">
				<td>xxx</td>
				<td>xxx</td>
				<td>xxx</td>
			</tr>
			<tr onmousemove="over(this)" onmouseout="out(this)">
				<td>xxx</td>
				<td>xxx</td>
				<td>xxx</td>
			</tr>
			<tr onmousemove="over(this)" onmouseout="out(this)">
				<td>xxx</td>
				<td>xxx</td>
				<td>xxx</td>
			</tr>
			<tr onmousemove="over(this)" onmouseout="out(this)">
				<td>xxx</td>
				<td>xxx</td>
				<td>xxx</td>
			</tr>
			<tr onmousemove="over(this)" onmouseout="out(this)">
				<td>xxx</td>
				<td>xxx</td>
				<td>xxx</td>
			</tr>
			<tr onmousemove="over(this)" onmouseout="out(this)">
				<td>xxx</td>
				<td>xxx</td>
				<td>xxx</td>
			</tr>
		</table>
		
	</body>
	
	<script type="text/javascript">
		function over(obj){
			obj.style.backgroundColor="lightblue";
		}
		function out(obj){
			obj.style.backgroundColor="white";
		}
		
	</script>
	
</html>
